<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/public.css">
    <style>
        main {
            background: #24272E;
            min-height: 100vh;
            background: url('img/login_bgi.png') no-repeat;
            background-size: 100%;
            padding-bottom: 0;
            box-sizing: border-box;
            padding-top: 1.76rem;
        }
        .title {
            color: #FFC514;
            font-size: 0.8rem;
            text-align: center;
            letter-spacing: 0.134rem;
        }
        .inputBox {
            width: 8.8rem;
            margin: 0 auto;
            margin-top: 0.986rem;
            background: #fff;
            border-radius:0.134rem;
            padding-bottom: 0.746rem;
        }
        .input_top {
            width: 100%;
        }
        .inputBox_row {
            width: 7.2rem;
            margin: 0 auto;
        }
        .inputBox_row1 {
            margin-top: 0.666rem;
            border-radius:0.586rem;
            align-items: center;
            font-size: 0.426rem;
            height: 1.173rem;
            box-sizing: border-box;
            border:1px solid rgba(230,230,230,1);
        }
        .inputBox_icon {
            width: 0.426rem;
            margin-right: 0.294rem;
            margin-left: 0.4rem;
        }
        .inputBox_input {
            flex: 1;
            border: none;
            outline: none;
        }
        .forget {
            text-align: right;
            color: #262626;
            font-size: 0.373rem;
            margin-top: 0.4rem;
            cursor: pointer;
        }
        .register {
            justify-content: space-between;
            margin-top: 1.466rem;
        }
        .register_left {
            font-size: 0.347rem;
            color: #999999;
        }
        .register_right {
            color: #262626;
            font-size: 0.373rem;
            cursor: pointer;            
        }
        .login_btn {
            width: 7.2rem;
            margin: 0 auto;
            margin-top: 1.253rem;
            height:1.2rem;
            background:rgba(255,197,20,1);
            border-radius:0.613rem;
            text-align: center;
            color: #24272E;
            font-size: 0.453rem;
            line-height: 1.2rem;
            box-sizing: border-box;
            font-weight: bold;
        }
    </style>
    <script src="./js/index.js"></script>
</head>

<body>
    <main>
        <div class="title">一点清</div>
        <div class="inputBox">
            <img class="input_top" src="./img/input_top.png" alt="">
            <div class="flex inputBox_row inputBox_row1">
                <img class="inputBox_icon" src="./img/icon1.png" alt="">
                <input class="inputBox_input" type="text" placeholder="用户名">
            </div>
            <div class="flex inputBox_row inputBox_row1">
                <img class="inputBox_icon" src="./img/icon2.png" alt="">
                <input class="inputBox_input" type="password" placeholder="密码">
            </div>
            <div class="inputBox_row forget">忘记密码</div>
            <div class="flex inputBox_row register">
                <div class="register_left">怎么可以还没有账号？</div>
                <div class="register_right">立即注册</div>
            </div>
        </div>
        <div class="login_btn">登录</div>
    </main>

    <script src="./js/jquery.js"></script>
    <script src="./js/swiper.js"></script>
    <script>
        $('.register_right').click(function() {
            location.href = './register.html';
        })
    </script>
</body>

</html>